<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>天堂回收</title>
		<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
		<script type="text/javascript" src="../js/jquery-3.4.1.min.js" ></script>
		<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js" ></script>
		<script>
			$('#myTabs a').click(function (e) {
			  e.preventDefault()
			  $(this).tab('show')
			});
			$('#myTabs a[href="#profile"]').tab('show') ;// Select tab by name
			$('#myTabs a:first').tab('show'); // Select first tab
			$('#myTabs a:last').tab('show'); // Select last tab
			$('#myTabs li:eq(2) a').tab('show') ;// Select third tab (0-indexed)
			
			
			$('#myModal').on('shown.bs.modal', function () {
			  $('#myInput').focus()
			});
			
			
		</script>
		<style>
		.carousel-control {
  				position: absolute;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  width: 15%;
				  font-size: 20px;
				  color: #fff;
				  text-align: left;
				  text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
				  background-color: rgba(0, 0, 0, 0.01);
				  filter: alpha(opacity=100);
				  opacity: 0.5;
				  font-family: Arial, Helvetica, sans-serif;
				}
		</style>
	</head>
	<body >
		<!--style="background-image:url('img/55b006.jpg');background-size: 100%;"-->
		<div style="width: 100%; height: auto;">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox" >
  	
    <div class="item active" >
      <img src="../img/55b006.jpg" alt="图片一" >
    </div>
    <div class="item"  >
      <img src="../img/005.jpg" alt="图片二" >
     
    </div>
	<div class="item"  >
	     <img src="../img/006.jpg" alt="图片三"  >
	     
	 </div>
  </div>
	
	<div   class=" carousel-control ">
		<div style="height: 100px;"></div>
		
		<!--描述：导航栏 用户登录注册 -->
		<div  class="row" >
		<div class="col-md-6 col-md-offset-6" style="width: 400px; background-color:rgba(250,250,250,1.0) ;height: auto;">
			  <!-- Nav tabs -->
		  <ul class="nav nav-tabs" role="tablist">
		    <li role="presentation" style="width: 50%;" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab" style=" text-align:center;" >
		    	<label   style="font-size: 20px; ">用户登录</label></a>
		    </li>
		    <li role="presentation" style="width: 50%";><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab" style=" text-align:center;"  >
		    	<label   style="font-size: 20px; ">注册</label></a>
		    </li>
		  </ul>
		   <br />
		<br />
			  
  	<div class="tab-content">
  		 <!-- 登录 -->
   	 <div role="tabpanel" class="tab-pane active" id="home">
    	 
    	<form class="form-inline">
			    <div class="input-group">
			      <div class="input-group-addon">账号：</div>
			      <input type="text" class="form-control" id="tel" placeholder="账号">
			    </div>
			    <br />
			    <br />
			    <div class="input-group">
			      <div class="input-group-addon" >密码：</div>
			      <input type="password" class="form-control" id="userpassword" placeholder="密码">
			    </div>
			      <br />
			    <br />
			      <div class="input-group">
			      <div class="input-group-addon">验证码：  </div>
			      <input type="password" class="form-control"   style="width: 105px"; placeholder="验证码">
			    </div>
			     <img src="../img/001.jpg" style="width: 90px;">
			      <br />
			    <br />
				<div class="checkbox">
				        <label style="">
				          <input type="checkbox" id="cook" value="1" >记住密码
				        </label>
				  </div>
			    <br />
			    <br />
			  <button type="button" class="btn btn-primary btn-lg btn-block  " id="login">登录</button>
			    <br />
			  
			 
			</form>
    	
    </div>
    <script>
                    $("#login").click(function () {
                      $.ajax({
                      	type:"post",
                      	url:"/ssm/user/login",
                      	data:"name="+$("#tel").val()+"&password="+$("#userpassword").val(),
                      	async:true,
                      	 success: function(msg){
                      		if (msg==false){
							alert("密码或账号错误");
							}else{
								document.location.href=msg;
							}
						 }
                      });
                    });
                </script>


    	 <!-- 注册 -->
    	<div role="tabpanel" class="tab-pane" id="profile">
    	
    	
    	<form class="form-inline">
			    <div class="input-group">
			      <div class="input-group-addon">用户名：</div>
			      <input type="text" class="form-control" id="name" placeholder="账号">
			    </div>
			    <br />
			    <br />
			    <div class="input-group">
			      <div class="input-group-addon" style="width: 80px;">密码：</div>
			      <input type="password" class="form-control" id="password2" placeholder="密码">
			    </div>
			      <br />
			    <br />
			    <div class="input-group">
			      <div class="input-group-addon"  style="width: 80px;">密码：</div>
			      <input type="password" class="form-control" id="password3" placeholder="再输入一次密码">
			    </div>
			      <br />
			    <br />
			    <div>
			      <div class="input-group" style="width: 186px; " >
			      <div class="input-group-addon">验证码：  </div>
			      <input type="password" class="form-control" id="userCode" style="width: 105px; "placeholder="验证码">
			    	</div>
			     	<img src="../img/001.jpg" style="width: 95px;">
			     	</div>
			      <br />
			    <br />
				
			  <button type="submit" class="btn btn-primary btn-lg btn-block ">注册</button>
			    <br />
			  
			</form>
			
    	</div>
  	</div>
			
		<s><a href="#" data-toggle="modal" data-target="#myModal" style="font-size: 15px;">《用户协议》</a></s>
		 <br />
		<br />
		</div>
		</div>
	
		
		</div>
</div>
		</div>	
				
				
			<!-- 用户协议 -->
		<div>	
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title" id="myModalLabel" >用户协议</h4>
			      </div>
			      <div class="modal-body">
			      	<label>
			      重要提示：<br />
			请您仔细阅读以下条款，并确认您已完全理解本协议之规定，尤其是免除及限制责任的条款、知识产权条款、法律适用及争议解决条款。
			<br />
			若您对本声明或本协议任何条款有异议，请停止注册或使用本网站（包括手机、电脑等移动设备客户端，下同）所提供的全部服务。
			<br />
			一、协议的接受、变更与补充<br />
			1、勾选本协议前选项框并点击“注册”，将视为您签署了本协议，表明您自愿接受本协议全部条款的约束，本协议将构成您与上海佰集科技有限公司及其经营的“本站”平台（以下统称“本站”，包括相关关联方）之间具有约束力的法律文件。无论您是进入本站浏览网页，还是在本站上发布任何内容，或者是直接或通过各类方式（如站外API引用等）间接使用本网站服务和数据的行为，都将被视作已无条件接受本声明所涉全部内容。
			<br />
			2、本站有权利对本协议进行修改，协议修改后，本站将通过在相关页面公告或发送通知等方式公布修改的内容，修改后的协议一经公布即有效的代替原协议。如果您不同意本协议的修改，请立即停止访问或使用本网站或取消已经获得的服务；如果您选择继续访问或使用本网站，则视为您已接受本协议的修改。
			<br />
			3、签署的本协议所列明的条款，并不能完全涵盖您与本站之间所有的权利和义务。因此，本站不定期公布的其他声明、规则等均视为本协议之补充协议，为本协议不可分割的组成部分，与本协议具有同等法律效力。
			<br />
			4、如本协议与本站平台其它协议条款不一致，以其它协议条款内容为准。
			<br />
			</label>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			        <button type="button" class="btn btn-primary">接受</button>
			      </div>
			    </div>
			  </div>
			</div>				
		</div>
	
		
	</body>
</html>
